<template>
  <div id="songsheet">
    <div class="s-1">
      <div><img src="./../../assets/images/2.jpg" alt="" /></div>
      <div><div class="info">
          <ul>
            <li>歌单名称:</li>
            <li>创建时间:</li>
            <li>共：？曲</li>
            <li><span>1</span><span>2</span><span>3</span><span>4</span></li>
          </ul>

        </div></div>
    </div>
  </div>
</template>
<style>
#songsheet {
  width: 100%;
  height: 100%;
  background-color: aqua;
}
.s-1 {
  padding: 15px;
}
.s-1 > div {
  float: left;
}
.s-1 > div > img {
  margin-left: 50%;
  width: 200px;
  height: 200px;
}
.s-1 > div > .info {
  margin-left: 50%;
  width: 300px;
  background-color: red;
  height: 200px;
}
.info>ul{
 text-align: left;
  padding: 10px 15px 15px 15px;
}
.info>ul>li{
  margin-top: 15px;
}
</style>
<script>
export default {};
</script>